<template>
  <div>
<van-nav-bar
  title="个人中心"
/>
<div class="information">
  <div class="touxiang">
  <p>欢迎来到买花网</p>
<van-image
   round
  width="10rem"
  height="10rem"
  src="https://img2.baidu.com/it/u=1893482241,2395055288&fm=26&fmt=auto&gp=0.jpg"
/>
</div>
<van-grid clickable :column-num="3">
  <van-grid-item icon="shopping-cart-o" text="我的订单"  />
  <van-grid-item icon="smile-o" text="我的信息" />
    <van-grid-item icon="browsing-history-o" text="浏览记录" />
</van-grid>
</div>
<van-button type="primary" color="#FB8B8B" @click="exit" size="large">退出</van-button>
<tabbar/>
  </div>
</template>

<script>
import Cookies from 'js-cookie'
import Tabbar from '@components/Tabbar.vue'
export default {
  methods: {
    exit () {
      Cookies.remove('token')
      history.go(0)
    }
  },
  components: {
    Tabbar
  }

}
</script>

<style lang="scss" scoped>
.touxiang{
  text-align: center;
  padding: 10px 0;
  p{
  margin: 0;
  }
}
.van-button{
  position: fixed;
  bottom: 50px;
}
</style>
